import React from 'react';
import 'antd/dist/antd.css';
import {Icon} from 'antd';
import '../css/Tabs.css';
export const CardItem1=(
    <ul className="CardItem1">
        <li><span className="title">系统版本:</span><p>6.0.7-20190717-3833</p></li>
        <li><span className="title">系统时间:</span><p>6.0.7-20190717-3833</p></li>
        <li><span className="title">服务器数量:</span><p>1</p></li>
        <li><span>关闭系统</span></li>
    </ul>
)
export const CardItem2=(
    <div className="CardItem2">
        <Icon type="stop" style={{fontSize: '100px',color:'#ccc',marginBottom:'20px'}}/>
         <p>当前系统未启用高可用服务，无网络配置</p>
    </div>
)
export const CardItem3=(
    <ul className=" CardItem3">
    <li><span className="title">系统存储策略:</span><p>1副本模式</p><p><Icon type="setting" style={{color:"#ccc"}}/></p></li>
    <li><span className="title">副本健康度:</span><p>100%</p> <p className="green">最佳</p></li>
    <li><span className="title">负载均很状态:</span><p>0</p><p className="green">最佳</p></li>
    <li><span className="title">逻辑空间使用率:</span><p>0</p><p className="green">最佳</p></li>
    <li><span className="title">物理空间使用率:</span><p>0</p><p className="green">最佳</p></li>
</ul>
)
export const CardItem4=(
    <ul className=" CardItem3">
    <li><span className="title">系统存储策略:</span><p>1副本模式</p><p><Icon type="setting" style={{color:"#ccc"}}/></p></li>
    <li><span className="title">副本健康度:</span><p>100%</p> <p className="green">最佳</p></li>
    <li><span className="title">负载均很状态:</span><p>0</p><p className="green">最佳</p></li>
    <li><span className="title">逻辑空间使用率:</span><p>7.77%</p><p className="green">最佳</p></li>
    <li><span className="title">物理空间使用率:</span><p>7.77%</p><p className="green">最佳</p></li>
</ul>
)